<%--
  Created by IntelliJ IDEA.
  User: Young
  Date: 2016/7/25
  Time: 11:11
  To change this template use File | Settings | File Templates.
  商品详情页面
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="jstl" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>商品详情</title>
    <link rel="stylesheet" type="text/css" href="/css/main.css">
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/product.css" type="text/css">
    <link rel="stylesheet" href="/css/commom.css" type="text/css">
    <script src="/js/jquery-1.12.4.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="/js/bootstrap.min.js"></script>
    <style>
        .container input {
            width: 100%;
        }

        .container div {
            margin: 5px 0px;
        }
    </style>
</head>
<body>
<jsp:include page="componse/top_bar.jsp" flush="true"/>

<div class="container productContent">
    <div class="row">
        <div class="col-md-2"></div>
        <div class="col-md-8">

            <div class="productImage">
                <img style="opacity: 1;" title="" class="medium" src="/img/7.jpg">
                <%--<a title="" style="outline-style: none; text-decoration: none;" id="zoom"--%>
                <%--href="http://image/r___________renleipic_01/bigPic1ea8f1c9-8b8e-4262-8ca9-690912434692.jpg"--%>
                <%--rel="gallery">--%>
                <%--<div class="zoomPad"><img style="opacity: 1;" title="" class="medium" src="/img/7.jpg">--%>
                <%--<div style="display: block; top: 0px; left: 162px; width: 0px; height: 0px; position: absolute; border-width: 1px;"--%>
                <%--class="zoomPup"></div>--%>
                <%--<div style="position: absolute; z-index: 5001; left: 312px; top: 0px; display: block;"--%>
                <%--class="zoomWindow">--%>
                <%--<div style="width: 368px;" class="zoomWrapper">--%>
                <%--<div style="width: 100%; position: absolute; display: none;" class="zoomWrapperTitle"></div>--%>
                <%--<div style="width: 0%; height: 0px;" class="zoomWrapperImage"><img--%>
                <%--src="/img/7.jpg"--%>
                <%--style="position: absolute; border: 0px none; display: block; left: -432px; top: 0px;">--%>
                <%--</div>--%>
                <%--</div>--%>
                <%--</div>--%>
                <%--<div style="visibility: hidden; top: 129.5px; left: 106px; position: absolute;" class="zoomPreload">--%>
                <%--Loading zoom--%>
                <%--</div>--%>
            </div>


            <div class="name">${one_product.pname}</div>
            <div class="sn">
                <div>类 别：${one_product.csname}</div>
            </div>
            <div class="info">
                <dl>
                    <dt>售 价:</dt>
                    <dd>
                        <strong>￥${one_product.shop_price}元/份</strong>
                        参 考 价：
                        <del>￥${one_product.market_price}元/份</del>
                    </dd>
                </dl>
                <dl>
                    <dt>促销:</dt>
                    <dd>
                        <a target="_blank" title="限时抢购 (2014-07-30 ~ 2015-01-01)">限时抢购</a>
                    </dd>
                </dl>
                <dl>
                    <dt></dt>
                    <dd>
                        <span>    </span>
                    </dd>
                </dl>
            </div>
            <div class="action">
                <form method="post" action="/addToCart">

                    <dl class="quantity">
                        <dt>购买数量:</dt>
                        <dd>
                            <input type="number" name="quantity" min="1" value="1" />
                        </dd>
                        <dd>
                            件
                        </dd>
                    </dl>
                    <div class="buy">
                        <input class="addCart" value="加入购物车" type="submit">
                    </div>
                </form>
            </div>
            <div id="bar" class="bar">
                <ul>
                    <li id="introductionTab">
                        <a href="#introduction">商品介绍</a>
                    </li>


                </ul>
            </div>


            <div id="introduction" name="introduction" class="introduction">
                <div class="title">
                    <strong>商品介绍</strong>
                </div>

                <div>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;${one_product.pdesc}
                    <%--<img src="image/r___________renleipic_01/bigPic139f030b-d68b-41dd-be6d-b94cc568d3c5.jpg">--%>
                </div>
            </div>
        </div>
        <div class="col-md-2">

        </div>
    </div>

</div>
</body>
</html>
